<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<f:view xmlns="http://www.w3.org/1999/xhtml"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:p="http://primefaces.org/ui">
<h:html>
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Ruta Optima</title>
        <link href="css/style.css" rel="stylesheet"/>
    </h:head>

    <h:body styleClass="page-one">
    <h:form id="formPlaneamiento">
        <p:growl id="growl" showDetail="true" sticky="true" />


        <p:layout styleClass="panel-titulo">
            <p:layoutUnit position="center"  styleClass="cabecera" >
                <h:panelGroup>
                    <h:graphicImage url="pics/logo.jpg" styleClass="logo" >
                    </h:graphicImage>
                </h:panelGroup>
            </p:layoutUnit>
        </p:layout>

        <p:layout styleClass="panel-cnt">
            <p:layoutUnit position="west" styleClass="panel-menu">
               <h:panelGrid columns="1">
                   <p:commandLink value="Planificador de Rutas" ></p:commandLink>
                   <!--<ui:include src="/menu.xhtml"/>-->
               </h:panelGrid>
            </p:layoutUnit>
            <p:layoutUnit position="center"  styleClass="panel-dato">
                <p:layout styleClass="optimus-1" id="optimus1Id">
                    <p:layoutUnit position="center" styleClass="central" >
                        <p:panelGrid columns="2" styleClass="marco" >
                            <p:panelGrid columns="1" styleClass="centroIzq">
				<h:outputText value="ANUNCIOS PUBLICITARIOS" />
                                <h:panelGroup styleClass="filtros">
                                    <h:outputText value="Campana: " />
                                    <p:selectBooleanCheckbox value="#{OptimusBean.habilitarCampana}" />
                                    <p:selectOneMenu value="#{OptimusBean.campanaSeleccionada}" >
                                        <f:selectItem itemLabel="-seleccionar-" itemValue="0" />
                                        <f:selectItems value="#{OptimusBean.campanas}"
                                                       var="idy" itemLabel="#{idy.descripcion}"
                                                       itemValue="#{idy.idCampanaRecoleccion}" />
                                        <p:ajax update="tablaElementosPublicitarios,growl"
                                                listener="#{OptimusBean.seleccionarCampana}"
                                                event="change"/>
                                    </p:selectOneMenu>

                                    <h:outputText value="Mercado: " />
                                    <p:selectOneMenu value="#{OptimusBean.mercadoSeleccionado}" >
                                        <f:selectItem itemLabel="-seleccionar-" itemValue="0" />
                                        <f:selectItems value="#{OptimusBean.mercados}"
                                                       var="idx" itemLabel="#{idx.descripcion}"
                                                       itemValue="#{idx.idMercado}" />
                                        <p:ajax update="tablaElementosPublicitarios,growl"
                                                listener="#{OptimusBean.seleccionarMercado}"
                                                event="change"/>
                                    </p:selectOneMenu>

                                </h:panelGroup>
                                <p:scrollPanel styleClass="scroll-1" >
                                    <p:dataTable id="tablaElementosPublicitarios"
                                                             var="item"
                                                             value="#{OptimusBean.lstElementoPublicitario}"
                                                             rows="10"
                                                             paginator="true"
                                                             paginatorPosition="bottom"
                                                             paginatorAlwaysVisible="false"
                                                             styleClass="tabla-ep">
                                            <p:column id="modelHeader"  styleClass="columna-nombre">
                                                    <f:facet name="header">
                                                            Nombre
                                                    </f:facet>
                                                    <h:outputText value="#{item.nombre}" />
                                            </p:column>

                                            <p:column styleClass="columna-nombre">
                                                    <f:facet name="header">
                                                            direccion
                                                    </f:facet>
                                                    <h:outputText value="#{item.direccion}"  />
                                            </p:column>
                                    </p:dataTable>
                                </p:scrollPanel>
                            </p:panelGrid>
                            <p:panelGrid columns="1" styleClass="centroDer">
				<h:outputText value="VERIFICADOR MAPAS" />
                                <p:dataTable id="tablaVerificadorMapa" var="item"
                                             value="#{OptimusBean.lstMapaCVO}"
                                             styleClass="tabla"
                                             paginator="true"
                                             paginatorPosition="bottom"
                                             rows="10"
                                             paginatorAlwaysVisible="false"
                                             ><!-- rowSelectListener="#{OptimusBean.onRowSelect}" lazy="true" selectionMode="single" -->
                                    <p:column id="modelHeader">
                                        <f:facet name="header">
                                            Mapa
                                        </f:facet>
                                        <p:selectOneMenu value="#{item.mapaSeleccionado}" >
                                            <f:selectItems itemLabel="" itemValue="" />
                                            <f:selectItems value="#{item.mapas}"
                                                           var="idx" itemLabel="#{idx.descripcion}"
                                                           itemValue="#{idx.idMapa}" />
                                        </p:selectOneMenu>
                                    </p:column>
                                    <p:column>
                                        <f:facet name="header">
                                            Verificador
                                        </f:facet>
                                        <p:selectOneMenu value="#{item.verificadorSeleccionado}" >
                                            <f:selectItems itemLabel="" itemValue="" />
                                            <f:selectItems value="#{item.verificadores}"
                                                           var="idx" itemLabel="#{idx.nombre}"
                                                           itemValue="#{idx.idVerificador}" />
                                        </p:selectOneMenu>
                                    </p:column>
                                    <p:column styleClass="columna-mapa">
                                        <f:facet name="header">
                                            Ver Mapa
                                        </f:facet>
                                        <p:commandButton value="Ver Mapa"
                                                         id="btnVerMapa"
                                                         styleClass="botonMapa"
                                                         action="#{OptimusBean.verMapa}"
                                                         actionListener="#{VerMapaBean.actualizarIdMapa}">
                                            <f:param name="id-mapa" value="#{item.idMapa}"/>
                                        </p:commandButton>
                                    </p:column>
                                    <p:column styleClass="columna-mapa">
                                        <f:facet name="header">
                                            Puntos
                                        </f:facet>
                                        <p:commandButton value="Puntos"
                                                         id="btnVerPuntosMapa"
                                                         styleClass="botonMapa"
                                                         action="#{OptimusBean.verPuntosMapa}"
                                                         actionListener="#{PuntosMapaBean.actualizarIdMapa}">
                                            <f:param name="id-mapa" value="#{item.idMapa}"/>
                                        </p:commandButton>
                                    </p:column>
                                </p:dataTable>
                            </p:panelGrid>
                        </p:panelGrid>
                    </p:layoutUnit>
                    <p:layoutUnit position="south" styleClass="sur" >
                        <p:commandButton value="Generar Ruta Optima"
                                         id="btnRutas"
                                         styleClass="boton"
                                         actionListener="#{OptimusBean.generarRutaOptima}"
                                         update="growl" />
                        <p:commandButton value="Generar Mapas"
                                         id="btnMapas"
                                         styleClass="boton"
                                         actionListener="#{OptimusBean.generarMapas}"
                                         update="growl,tablaVerificadorMapa" />
                        <p:commandButton value="Mostrar Mapas"
                                         id="btnMostrarMapas"
                                         styleClass="boton"
                                         actionListener="#{OptimusBean.mostrarMapas}"
                                         update="growl,tablaVerificadorMapa" />
                        <p:commandButton value="Guardar Mapas"
                                         id="btnGuardarMapas"
                                         styleClass="boton"
                                         actionListener="#{OptimusBean.guardarMapas}"
                                         update="growl" />
                    </p:layoutUnit>
                </p:layout>
           </p:layoutUnit>
        </p:layout>
    </h:form>
    </h:body>
</h:html>
</f:view>